﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../script/css/bootstrap.css" rel="stylesheet" />
    <script src="../script/js/jquery-1.12.3.js"></script>
    <script src="../script/js/bootstrap.js"></script>
</head>
<body>
    <div class="container-fluid" style="border-bottom:1px solid;">
        <div class="row" style="min-height:5em;border-bottom:1px solid;"></div>
        <div class="row">
            <div class="col-lg-2">
                <ul class="nav nav-pills nav-stacked" style="margin-top:1em;">
                    <li role="presentation" class="active"><a href="#" onclick="openurl(this, 'order_main/index.html');">公司下单</a></li>
                    <li role="presentation"><a href="#">收付款统计</a></li>
                </ul>
            </div>
            <div class="col-lg-10" style="border-left:1px solid;">
                <div style="overflow:auto;">
                    <iframe id="detail" style="height:540px;border:0px;"></iframe>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function () {
            //console.log($('#detail').parent().parent().width() + 'px');
            var rw = $('#detail').parent().parent().width();
            $('#detail').parent().css('width', (rw - 5) + 'px');
            $('#detail').css('min-width', (rw - 10) + 'px');
            //$('#detail').load(function () {
            //    console.log($('#detail').find('tr:eq(0)>th').length);
            //});
        });

        function openurl(obj, url) {
            $(obj).parent().parent().find('li').removeClass('active');
            $(obj).parent().addClass('active');
            $('#detail').attr('src', url);

            //$('#detail').attr('width', '120%');
        }
    </script>
</body>
</html>
